<!doctype html>
<html>
    <head>
    <meta charset="utf-8">
    <!-- utf-8 works for most cases -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Forcing initial-scale shouldn't be necessary -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Use the latest (edge) version of IE rendering engine -->
    <title>EmailTemplate-Responsive</title>
    <!-- The title tag shows in email notifications, like Android 4.4. -->
    <!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients -->
    <!-- important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered -->

    <!-- CSS Reset -->
    <style type="text/css">
/* What it does: Remove spaces around the email design added by some email clients. */
      /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
html,  body {
	margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
	width: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
* {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
/* What it does: Forces Outlook.com to display emails full width. */
.ExternalClass {
	width: 100%;
}
/* What is does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {
	margin: 0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
table,  td {
	mso-table-lspace: 0pt !important;
	mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
table {
	border-spacing: 0 !important;
	border-collapse: collapse !important;
	table-layout: fixed !important;
	margin: 0 auto !important;
}
table table table {
	table-layout: auto;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
img {
	-ms-interpolation-mode: bicubic;
}
/* What it does: Overrides styles added when Yahoo's auto-senses a link. */
.yshortcuts a {
	border-bottom: none !important;
}
/* What it does: Another work-around for iOS meddling in triggered links. */
a[x-apple-data-detectors] {
	color: inherit !important;
}
</style>

    <!-- Progressive Enhancements -->
    <style type="text/css">
        
        /* What it does: Hover styles for buttons */
        .button-td,
        .button-a {
            transition: all 100ms ease-in;
        }
        .button-td:hover,
        .button-a:hover {
            background: #555555 !important;
            border-color: #555555 !important;
        }

        /* Media Queries */
        @media screen and (max-width: 600px) {

            .email-container {
                width: 100% !important;
            }

            /* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
            .fluid,
            .fluid-centered {
                max-width: 100% !important;
                height: auto !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
            /* And center justify these ones. */
            .fluid-centered {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            /* What it does: Forces table cells into full-width rows. */
            .stack-column,
            .stack-column-center {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                direction: ltr !important;
            }
            /* And center justify these ones. */
            .stack-column-center {
                text-align: center !important;
            }
        
            /* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
            .center-on-narrow {
                text-align: center !important;
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
            }
            table.center-on-narrow {
                display: inline-block !important;
            }
                
        }

    </style>
    </head>
    <body bgcolor="#e0e0e0" width="100%" style="margin: 0;" yahoo="yahoo">
    <table bgcolor="#e0e0e0" cellpadding="0" cellspacing="0" border="0" height="100%" width="100%" style="border-collapse:collapse;">
      <tr>
        <td><center style="width: 100%;">
            
            <!-- Visually Hidden Preheader Text : BEGIN -->
            <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;"> (Optional) This text will appear in the inbox preview, but not the email body. </div>
            <!-- Visually Hidden Preheader Text : END --> 
            
            <!-- Email Header : BEGIN -->
            <table align="center" width="600" class="email-container">
            <tr>
                <td style="padding: 20px 0; text-align: center"><img src="th19UVRHC5.jpg" width="200" height="50" alt="alt_text" border="0"></td>
              </tr>
          </table>
            <!-- Email Header : END --> 
            
            <!-- Email Body : BEGIN -->
            <table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" width="600" class="email-container">
            
            <!-- Hero Image, Flush : BEGIN -->
            <tr>
                <td class="full-width-image"><img src="90cad252e9567eaffaf721fcf15a0430.jpg" alt="alt_text" width="600" height="300" style="width: 100%; max-width: 600px; height: auto;" border="0" align="center"></td>
              </tr>
            <!-- Hero Image, Flush : END --> 
            
            <!-- 1 Column Text : BEGIN -->
            <tr>
                <td style="padding: 40px; text-align: center; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555;"> 谨以此文送给每一个值得被爱的人，守望初心，有始有终 &nbsp;<br>
                <br>
                
                <!-- Button : Begin -->
                
                <table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto">
                    <tr> </tr>
                  </table>
                
                <!-- Button : END --></td>
              </tr>
            <!-- 1 Column Text : BEGIN --> 
            
            <!-- Background Image with Text : BEGIN -->
            <tr>
                <td background="file:///images/Image_600x230.png" bgcolor="#222222" valign="middle" style="text-align: center; background-position: center center !important; background-size: cover !important;"><!--[if gte mso 9]>
                    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:175px; background-position: center center !important;">
                    <v:fill type="tile" src="assets/Responsive/Image_600x230.png" color="#222222" />
                    <v:textbox inset="0,0,0,0">
                    <![endif]-->
                
                <div>
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td valign="middle" style="text-align: center; padding: 40px; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #ffffff;">我与你有约，在初春，在仲夏，在深秋，在严冬&nbsp; </td>
                      </tr>
                  </table>
                  </div>
                
                <!--[if gte mso 9]>
                    </v:textbox>
                    </v:rect>
                    <![endif]--></td>
              </tr>
            <!-- Background Image with Text : END --> 
            
            <!-- Two Even Columns : BEGIN -->
            <tr>
                <td align="center" valign="top" style="padding: 10px;"><table cellspacing="0" cellpadding="0" border="0" width="100%">
                    <tr>
                    <td class="stack-column-center"><table cellspacing="0" cellpadding="0" border="0">
                        <tr>
                        <td style="padding: 10px; text-align: center"><img src="6319126016f03daba672b95e64a0d95c.jpeg" width="270" height="270" alt="alt_text" border="0" class="fluid"></td>
                      </tr>
                        <tr>
                        <td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"> 我是你们的小姐姐，虽然我没那么聪明，但我竟然在高考报考的时候选择了数学专业，也就造成了现在一杯茶，一支笔，一道积分算一天的惨状，但我依然积极地面对生活，人生没有迈不过去的坎，即使迈不过去，那就爬过去呗，如果你还在为学习而烦恼，欢迎来心灵之家留言欧~~有漂亮小姐姐，在线答疑 </td>
                      </tr>
                      </table></td>
                    <td class="stack-column-center"><table cellspacing="0" cellpadding="0" border="0">
                        <tr>
                        <td style="padding: 10px; text-align: center"><img src="d5a052fece6c5fc984cba52e98d3fc3f.jpeg" width="270" height="270" alt="alt_text" border="0" class="fluid"></td>
                      </tr>
                        <tr>
                        <td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow">我也不比隔壁的小姐姐强到那里去，虽然我没有一道积分算一天的痛苦，但是作为一个刚入门的IT男，C语言简直难于上青天，有一句话说得好：一杯茶，一条烟，一个BUG DE一天，就是我的真实写照，但我也像隔壁的小姐姐一样乐观，what a coincidence !如果你还在为脱发，哦，不，不会编写程序而担忧，欢迎来心灵之家留言哦</td>
                      </tr>
                      </table></td>
                  </tr>
                  </table></td>
              </tr>
            <!-- Two Even Columns : END --> 
            
            <!-- Three Even Columns : BEGIN -->
            <tr>
                <td align="center" valign="top" style="padding: 10px;"><table cellspacing="0" cellpadding="0" border="0" width="100%">
                    <tr>
                    <td width="33.33%" class="stack-column-center"><table cellspacing="0" cellpadding="0" border="0">
                        <tr>
                        <td style="padding: 10px; text-align: center"><img src="enhanced-21388-1436370223-1.jpg" width="170" height="170" alt="alt_text" border="0" class="fluid"></td>
                      </tr>
                        <tr>
                        <td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><a href="https://music.163.com/#/song?id=1332489493&amp;autoplay=true&amp;market=baiduhd"> 不染</a>：
不愿染是与非，怎料事与愿违，
心中的花枯萎，时光它去不回，
但愿洗去浮华，掸去一身尘灰，
再与你一壶清酒，话一世沉醉，
不愿染是与非，怎料事与愿违，
心中的花枯萎，时光它去不回，
回忆辗转来回，痛不过这心扉，
愿只愿余生无悔，随花香远飞，
一壶清酒 一身尘灰，一念来回度余生无悔，
一场春秋，生生灭灭 浮华是非，
待花开之时再醉一回，不愿染是与非， 
怎料事与愿违，心中的花枯萎 ，
时光它去不回，回忆辗转来回 ，
痛不过这心扉，愿只愿余生无悔 ，
随花香远飞，一壶清酒 一身尘灰，
一念来回度余生无悔，一场春秋 生生灭灭 浮华是非，
待花开之时再醉一回，愿这生生的时光 不再枯萎，
待花开之时再醉一回，愿这生生的时光 不再枯萎，
再回首浅尝 心酒余味，一壶清酒 一身尘灰，
一念来回度余生无悔，一场春秋 生生灭灭 浮华是非，
待花开之时再醉一回，一壶清酒 一身尘灰，
一念来回度余生无悔，一场回忆 生生灭灭 了了心扉，
再回首浅尝心酒余味，一场回忆 生生灭灭 了了心扉，
再回首浅尝心酒余味。</td>
                      </tr>
                      </table></td>
                    <td width="33.33%" class="stack-column-center"><table cellspacing="0" cellpadding="0" border="0">
                        <tr>
                        <td style="padding: 10px; text-align: center"><img src="u=354033635,3337903970&fm=26&gp=0.jpg" width="170" height="170" alt="alt_text" border="0" class="fluid"></td>
                      </tr>
                        <tr>
                        <td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><a href="https://www.iqiyi.com/v_19rr0zk5js.html"> 傲红尘</a>：
漫天 无边，孤帆在飘，独行无依靠，
心不是一座孤岛，转念 变幻，只需要一秒，
天地是怀抱，爱才是心之解药。
一双手被你牵着，就把人间去了烦恼，
留下一丝丝情牵梦绕，在心里回旋轻挑，
纵身潜藏红尘一遭，总有些劫数难逃，
一张脸被你看着，就把人海去了音潮，
留下一种种不羁心跳，在梦里喧嚣热闹，
难得心里有了依靠，避烦恼，
共年少，乐逍遥。漫天 无边，孤帆在飘，
独行无依靠，心不是一座孤岛。
转念 变幻，只需要一秒，
天地是怀抱，爱才是心之解药。
一张脸被你看着，就把人海去了音潮。
留下一种种不羁心跳，在梦里喧嚣热闹，
难得心里有了依靠，避烦恼，共年少，乐逍遥。
漫天 无边，孤帆在飘，
独行无依靠，心不是一座孤岛，
转念 变幻，只需要一秒，
天地是怀抱，爱才是心之解药。
漫天 无边，孤帆在飘，
独行无依靠，心不是一座孤岛，
转念 变幻，只需要一秒，
天地是怀抱，爱才是心之解药。</td>
                      </tr>
                      </table></td>
                    <td width="33.33%" class="stack-column-center"><table cellspacing="0" cellpadding="0" border="0">
                        <tr>
                        <td style="padding: 10px; text-align: center"><img src="u=21501996,3162119028&fm=26&gp=0.jpg" width="170" height="170" alt="alt_text" border="0" class="fluid"></td>
                      </tr>
                        <tr>
                        <td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><a href="https://haokan.baidu.com/v?pd=wisenatural&amp;vid=5843475016208469636"> 飞云之下</a>：
风 让云长出花 漫天的花，无声开在乌云之下
然后 又飘到哪里呀，喔，漫步在人海的人 你过得好吗
是不是又想念家，心中那炙热的梦啊
它多久没说话，在飞云之下 以为忘了的家
在耳里说话，叫我别烦心那些痛与怕
喔 半路上的我 穿上回忆和风沙
在飞云之下，我看着海峡
走月光沙滩，我也承认我还是会想他
喔 且慢 前面听说风很大
心 在云里摩擦 又酸又麻，但是思念在梦里爬
以后 还有谁值得等吗，喔
孤单是件风衣 它裹起了怕
然而我很勇敢啊，没人记得我也没差
未来在等我去拿，在飞云之下 以为忘了的家
在耳里说话，叫我别烦心那些痛与怕
喔 半路上的我 穿上回忆和风沙
在飞云之下 我看着海峡，走月光沙滩
我也承认我还是会想他，喔 且慢
且慢，前面听说风很大，喔
在飞云之下 以为忘了的家，在耳里说话
叫我别烦心那些痛与怕
半路上的我 穿上回忆和风沙
飞云之下 我看着海峡，走月光沙滩
我也承认我还是会想他，且慢 前面听说风很大</td>
                      </tr>
                      </table></td>
                  </tr>
                  </table></td>
              </tr>
            <!-- Three Even Columns : END --> 
            
            <!-- Thumbnail Left, Text Right : BEGIN -->
            <tr>
                <td dir="ltr" align="center" valign="top" width="100%" style="padding: 10px;"><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                    <td width="33.33%" class="stack-column-center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                        <td dir="ltr" valign="top" style="padding: 0 10px;">&nbsp;</td>
                      </tr>
                      </table></td>
                    <td width="66.66%" class="stack-column-center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr> </tr>
                      </table></td>
                  </tr>
                  </table></td>
              </tr>
            <!-- Thumbnail Left, Text Right : END --> 
            
            <!-- Thumbnail Right, Text Left : BEGIN -->
            <tr>
                <td dir="rtl" align="center" valign="top" width="100%" style="padding: 10px;"><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                    <td width="33.33%" class="stack-column-center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                        <td dir="ltr" valign="top" style="padding: 0 10px;">&nbsp;</td>
                      </tr>
                      </table></td>
                    <td width="66.66%" class="stack-column-center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr> </tr>
                      </table></td>
                  </tr>
                  </table></td>
              </tr>
            <!-- Thumbnail Right, Text Left : END -->
            
          </table>
            <!-- Email Body : END --> 
            
            <!-- Email Footer : BEGIN -->
            <table align="center" width="600" class="email-container">
            <tr>
                <td style="padding: 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; mso-height-rule: exactly; line-height:18px; text-align: center; color: #888888;"><webversion style="color:#cccccc; text-decoration:underline; font-weight: bold;">View as a Web Page</webversion>
                <br>
                <br>
                Company Name<br>
                <span class="mobile-link--footer">Adobe Systems Incorporated, 345 Park Avenue</span> <br>
                <br>
                <unsubscribe style="color:#888888; text-decoration:underline;">unsubscribe</unsubscribe></td>
              </tr>
          </table>
            <!-- Email Footer : END -->
            
          </center></td>
      </tr>
    </table>
</body>
</html>
